.touch{
	position:relative;
	width:100%;
	height:100%;
	
	}

	
.touch .touch-ul{
	position:relative;
	width:100%;
	height:100%;
	}
	
.touch .item-touch{
	position:relative;
	z-index:1;
	width:100%;
	height:100%;
	list-style: none;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #fff;

	}
	
.touch .item-touch.scale{
	-webkit-animation: scale 800ms infinite;
	}
	
@keyframes scale {
    from {
        transform: translate(0px, 0);
    }
    to {
        transform: translate(6px, 0);
    }
}

@-webkit-keyframes scale {
    from {
        -webkit-transform: translate(0px, 0);
    }
    to {
        -webkit-transform: translate(6px, 0);
    }
}
	
	
.arrowhead {
-webkit-animation: shake 800ms infinite;
animation: shake 800ms infinite;
position: absolute;
right: 6px;
top: 50%;
height: 48px;
width: 48px;
margin-top: -24px;
}


.aflac {
position: absolute;
-webkit-transform: rotateZ(90deg);
transform: rotateZ(90deg);
height: 16px;
width: 16px;
left: 50%;
top: 50%;
margin-top: -8px;
margin-left: -8px;
background: url(../images/shake.png);
background-size: 16px 16px;
}
@keyframes shake {
    from {
        transform: translate(0px, 0);
    }
    to {
        transform: translate(6px, 0);
    }
}

@-webkit-keyframes shake {
    from {
        -webkit-transform: translate(0px, 0);
    }
    to {
        -webkit-transform: translate(6px, 0);
    }
}

.touch .item-last .arrowhead{
	bottom:30px;
	}
.touch .item-last .arrowhead .aflac{
	-webkit-transform: rotateZ(180deg);
	}
	

	
.touch .item-1{
	background-image: url(../temp/app_01.jpg);
	}
.touch .item-2{
	background-image: url(../temp/app_02.jpg);
	}	
.touch .item-3{
	background-image: url(../temp/app_03.jpg);
	}	
.touch .item-4{
	background:#F00;
	
	}
	
.thumb-img{
	
	}
.thumb-img img{
	min-height: 5em;
	}
	
.title{
	box-shadow:1px 1px 4px #ccc;
	padding:.4em 0;
	
	}
	
.font{color:#FA472B}

.start_price{
	padding:.5em 0;
	}
	
.state{
	padding-bottom:0em;
	}
	
.button-state-1{
	position:absolute;
	z-index:9;
	right:0;
	top:4em;
	width:4em;
	}
.button-state-1 a{
	width:100%;
	height:2em;
	display:inline-block;
	font-size:.8em;
	
	}	
/*看详情*/
.button-state-1 .view{
	background-color:#F27920;
	padding:.3em .8em;
	
	}
/*怎么玩*/
.button-state-1 .play{
	margin-top:1em;
	background-color:#02A7CA;
	padding:.3em .8em;
	
	}
	
.binding{
	
	}
.max-price{
	margin-top:1em;
}
.max-price font{
	display:inline-block;
	height:2em;
	}	

.max-price font.go{
	-webkit-animation:flash 1s .2s ease both;
-moz-animation:flash 1s .2s ease both;}
@-webkit-keyframes flash{
0%{opacity: 1; -webkit-transform:translate(0, 0px); }
50%{opacity: 0; -webkit-transform:translate(0, -10px); }
100%{opacity: 1; -webkit-transform:translate(0, 0px); }
}
@-moz-keyframes flash{
0%,50%,100%{opacity: 1;}
25%,75%{opacity: 0;}
}

.red{
	color:#F00;
	}
	
	
	
#new_year{
	height:23px;}
	
.binding li{
	width:4em;
	height:4em;
	background-color:#F60;
	color:#fff;
	border-radius:50%;
	margin:0 .5em;
	font-size:1.1em;
	text-shadow:1px 1px 2px #F5E0D6
	}

input.add_price:checked + li.loading{
	background-color:#CCC
	}
	
	
.binding-button{
	margin-top:1em;
	}
.binding-button a{
	width:6.5em;
	height:2em;
	color:#fff;
	margin:0 1em;
	font-size:.9em;
	padding:.3em 1em;
	text-shadow:0px 0px 1px #F5E0D6
	}

	
.binding-button a.bind{
	background-color:#F27920;
	}

	
.binding-button a.disabled{
	background-color:#ccc;
	
	}
	
	
.binding-button a.bind span{
	display:block;
	
	height:1.4em;
	}
	
.binding-button a.bind.loading span{
	width:1.4em;
	background-image:url(../images/pull-loading.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size: auto 100%;
	-webkit-transition-property:-webkit-transform;
	-webkit-transform:rotate(0deg) translateZ(0);
	-webkit-transition-duration:0ms;
	-webkit-animation-name:loading2;
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
		}
		
		
		
.binding-button a.play{
    background-color:#02A7CA;
}
/*进度条*/
.progress{
	margin:1em 3em .5em 3em;
	height:.75em;
	border:#f1a165 1px solid;
	box-shadow:0px 0px 1px #F60;
	border-radius: 8px;
	
	


	
	
	
	}
.progress .barFill{
	height:100%;
	border-radius: 8px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
    background: #F60;
	background: -moz-linear-gradient(-45deg,  #F60 0%, #FF8533 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#F60), color-stop(100%,#FF8533));
	background: -webkit-linear-gradient(-45deg,  #F60 0%,#FF8533 100%);
	background: -o-linear-gradient(-45deg,  #F60 0%,#FF8533 100%);
	background: -ms-linear-gradient(-45deg,  #F60 0%,#FF8533 100%);
	background: linear-gradient(135deg,  #F60 0%,#FF8533 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F60', endColorstr='#FF8533',GradientType=1 );
	}
	
.progress span{
    display:block;
	width:100%;
	height:100%;
	
	
	}
.state-progress-1 .barFill{
	height:100%;
	border-radius: 8px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
	
.state-progress-1 span,.state-progress-2 span{

	border-radius: 8px;
	animation: progress 1s linear infinite;
	background-repeat: repeat-x;
	background-size: 30px 30px;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.state-progress-1 span{
    -webkit-animation: progress 1s linear infinite;
	-moz-animation: progress 1s linear infinite;
}

@-webkit-keyframes progress
{
	to {background-position: 30px 0;}
}

@-moz-keyframes progress
{
  to {background-position: 30px 0;}
}

@keyframes progress
{
  to {background-position: 30px 0;}
}
	

	

.state-progress-0{
	border:#d1d1d1 1px solid;
	background-color:#E1E4E9;
	box-shadow:0px 1px 2px #eee;
	}	
.state-progress-0 .barFill{
	width:0%;
	}
.state-progress-2 .barFill{
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	}


/*竞拍列表*/
.recorder{
	padding-top:1em;
	}
.recorder h1{
	text-indent:.5em;
	padding:.3em 0;
	}
	
	
.recorder-list{
	border-bottom:#e1e1e1 1px solid;
	}
.recorder-list .item{
	padding:.0em 0em .0em 1em;
	border-top:#e1e1e1 1px solid;
	}
.recorder-list .item .avatar{
	height:3em;
	margin-right:1em;
	}
	
.recorder-list .item .avatar img{
	margin-top:.5em;
	width:2em;
	height:2em;
	border-radius:50%;
}


.recorder-list .item .record-time{
	height:3em;
	background-image:url(../images/recorder-split.png);
	background-size:auto 100%;
	background-position:left center;
	background-repeat:no-repeat;
	background-color:#f8f8f8;
	padding:0 .5em 0 1em;
	}
	
.recorder-list .item .record-time .current_price{
		margin-top:.4em;
		}
	
#flipcountdown{
	width:100%;
	height:4em;
	
	position:absolute;
	left:0;
	bottom:20%;
	z-index:9999;
	color:#fff;
	}